<?php
require("../common.php");
require("../includes/funciones.php");
 session_start();   
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
	//inicializar controles y posicionar el mensaje donde el cursor
	$(document).ready(function()
	{			
		genera_transaccion();
		$("#codigo").focus();	
		
		$("body").append('<div id="div_articulos"></div>');
		$("#div_articulos").hide();		
	});
	
	function calcula_cambio()
	{
		var total = $("#total").val();
		var recibido = $("#recibido").val();
		if(recibido!="")
		{
			var cambio = parseFloat(recibido-total);
			if(cambio>0){$("#cambio").val(cambio);}
			else{$("#cambio").val('');}
			
		}
	}
	
	function load_descripcion()
	{
		var var_codigo = $("#codigo").val();
		if (var_codigo!="")
		{
			$("#carga_descripcion").load("carga_descripcion.php",{codigo:var_codigo});
			$("#carga_precio").load("carga_precio.php",{codigo:var_codigo});
		}
	}
function moneda(valor) {
    var nums = new Array();
    var simb = "."; //Éste es el separador
    valor = valor.toString();
    valor = valor.replace(/\D/g, "");   //Ésta expresión regular solo permitira ingresar números
    nums = valor.split(""); //Se vacia el valor en un arreglo
    var long = nums.length - 1; // Se saca la longitud del arreglo
    var patron = 3; //Indica cada cuanto se ponen las comas
    var prox = 2; // Indica en que lugar se debe insertar la siguiente coma
    var res = "";
 
    while (long > prox) {
        nums.splice((long - prox),0,simb); //Se agrega la coma
        prox += patron; //Se incrementa la posición próxima para colocar la coma
    }
 
    for (var i = 0; i <= nums.length-1; i++) {
        res += nums[i]; //Se crea la nueva cadena para devolver el valor formateado
    }
 
    return res;
}
	function agrega_ticket()
	{
		var var_codigo = $("#codigo").val();
		var var_cantidad = $("#cantidad").val();
		var var_precio = $("#precio").val();
		var var_descripcion = $("#descripcion").val();
		var var_transaccion = $("#carga_transaccion").text();

		if (var_codigo!="" && var_cantidad!="" && var_precio !="")
		{
			
			if($("#interno").attr("checked"))
			{
				if(confirm('�Es Consumo Interno?'))
				{
					var var_total = parseFloat ($("#total").val());
					var_total = var_total + (var_precio * var_cantidad);
					var_total = parseFloat(var_total).toFixed(2);
					$("#total").val(var_total);
					$("#ticket").load("interno.php",{codigo:var_codigo,cantidad:var_cantidad,precio:var_precio,descripcion:var_descripcion,transaccion:var_transaccion});
				}
			}
			else 
			{
				var var_total = parseInt ($("#total_i").val());
				var_total = var_total + (var_precio * var_cantidad);
				var_total = parseInt(var_total);
				$("#total_i").val(var_total);
				$("#total").val(moneda(var_total));
				$("#ticket").load("guarda_salida.php",{codigo:var_codigo,cantidad:var_cantidad,precio:var_precio,descripcion:var_descripcion,transaccion:var_transaccion});
			}
								
		}
		
		$("#codigo").val('');
		$("#cantidad").val('1');
		$("#precio").val('');
		$("#descripcion").val('');			
		$("#codigo").focus();		
			
	}
	
	function genera_transaccion()
	{
		$("#carga_transaccion").load("genera_transaccion.php");
	}
	
	function borra_salida(var_folio,var_codigo,var_cantidad,var_transaccion,var_precio)
	{
		var var_total = parseFloat ($("#total").val());
		var_total = var_total - (var_precio * var_cantidad);
		var_total = parseFloat(var_total).toFixed(2);
		$("#total").val(var_total);
		
		$("#ticket").load("elimina_salida.php",{folio:var_folio,codigo:var_codigo,cantidad:var_cantidad,transaccion:var_transaccion});
	}
	
	function borra_salida_interna(var_folio,var_codigo,var_cantidad,var_transaccion,var_precio)
	{
		var var_total = parseFloat ($("#total").val());
		var_total = var_total - (var_precio * var_cantidad);
		var_total = parseFloat(var_total).toFixed(2);
		$("#total").val(var_total);
		
		$("#ticket").load("elimina_salida_interna.php",{folio:var_folio,codigo:var_codigo,cantidad:var_cantidad,transaccion:var_transaccion});
	}

	function crea_link_ticket()
	{
		var var_transaccion = $("#carga_transaccion").text();
		$("#link_ticket").attr("href","crea_ticket.php?transaccion="+var_transaccion);
	}
	
	function carga_productos()
	{
		$("#div_articulos").load("articulos.php");
		$("#div_articulos").show();
	}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>PITUS Mart : Panel Punto de Venta</title>
<style>
body{ background-color:#666666;}

.top{ background-color:#006699; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:16px; width:900px; height:80px; vertical-align:middle; text-align:left; padding-left:10px; background-image:url(imgs/section3.png); background-repeat:no-repeat;
 background-position:left; }

.subtitulo{ background-color:#CCCCCC; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:center;height:30px; vertical-align:middle;}
.dato{ color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:right;}

.cuerpo{ background-color:#DDDDDD;}


.boton{vertical-align:middle; height:35px; width:410px; background-color:#EEEEEE; color:#003300; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-image:url(imgs/agregar.png); background-position:center; background-repeat:no-repeat;}
.boton:hover{ background-color:#99CCFF; vertical-align:middle; cursor:pointer;}

#total{ background-color:#003366; color:#FFFFFF; font-family:"Courier New", Courier, monospace; font-size:72px;
 height:200px; width:410px; text-align:right;}
 
#codigo{  width:248px; height:30px; font-size:16px; text-align:center;}
#cantidad{  width:50px; height:30px; font-size:16px; text-align:center;}
#precio{  width:100px; height:30px; font-size:16px; text-align:center; background-color:#666666; color:#FFFFFF;}
.select{height:25px; font-size:16px; }
#descripcion{  width:410px; height:30px; font-size:16px; text-align:center; background-color:#666666; color:#FFFFFF;}
#recibido{  width:200px; height:30px; font-size:20px; text-align:center; color:#000000;}
#cambio{  width:200px; height:30px; font-size:20px; text-align:center; background-color:#666666; color:#FFFFFF;}
.ticket_encabezado{width:850px; font-family:Arial, Helvetica, sans-serif; font-size:14px; background-color:#CCCCCC; color:#000000; height:20px;}
.ticket_cuerpo{width:850px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#FFFFFF; color:#000000; height:30px;}
#link_ticket{ display:block; background-color:#EEEEEE; color:#003399; text-decoration:none; height:30px; width:410px; background-image:url(imgs/impresora.png); background-repeat:no-repeat; background-position:left; padding-top:10px; font-size:14px;}
#link_ticket:hover{background-color:#99CCFF; cursor:pointer;}

.boton_borrar{ cursor:pointer;}
#info{background-color:#DDDDDD;margin:auto; width:900px;margin:auto;}
#info input{height:25px; font-size:16px; text-align:center;}
.reado{background-color:#666666; color:#FFFFFF;}
#div_articulos
	{	font-size:10px; font-family:Arial, Helvetica, sans-serif; height:150px; overflow:auto; margin-left:auto; margin-right:auto; width:900px;
	}

</style>
</head>
<body>
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0" class="top">
  <tr>
    <td width="469">&nbsp;</td>
    <td width="431"><input type="checkbox" name="interno" id="interno" />
      Consumo Interno</td>
  </tr>
</table>
<tr><div id="info">
	<table>
		<tr>
			<td>
				Numero: <input type="text" name="numero" id="numero">
				Fecha: <input type="text" name="fecha" value="<?php echo hora()?>" id="fecha">
				
			</td>
			<tr>
				<td>
					
					Cajero: <input type="text" name="cajero" id="cajero" class="reado" value="<?php echo $_SESSION["cajero_nombre"]?>" readonly="reeadonly">
					Caja: <input type="text" name="caja" id="caja" class="reado" value="<?php echo $_SESSION["caja_nombre"]?>" readonly="reeadonly">
					F.Pago: <select class="select">
						<option value="2">EFECTIVO</option>
					</select>
					Guia <input type="checkbox" name="guia" id="guia">
					$Costo <input type="checkbox" name="costo" id="costo">
				</td>
			</tr>
		</tr>
	</table>
</div>
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0" class="cuerpo">
  
    <td >&nbsp;</td>
  </tr>
  
  <tr>
    <td><table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td class="subtitulo">Producto</td>
        <td width="41%" class="subtitulo">Total</td>
      </tr>
      
      <tr>
        <td align="center"><input name="cantidad" type="text" id="cantidad" value="1" maxlength="4" />
          <input name="codigo" type="text" id="codigo" onkeyup="load_descripcion()" />
          <div id="carga_precio" style="display:inline;">
		  <input name="precio" type="text" id="precio" readonly="readonly"  />
		  </div>          </td>
		  <input type="text" name="total_i" id="total_i" value="0" style="display: none;">
        <td rowspan="11"><div id="carga_total"><input name="total" type="text" id="total" value="0.00" readonly="readonly" />
        </div></td>
      </tr>
      <tr>
        <td align="center"><div id="carga_descripcion">
          <input name="descripcion" type="text" id="descripcion" ondblclick="carga_productos()" />
          &nbsp;</div></td>
      </tr>
      <tr>
        <td align="center"><input name="Submit" type="button" class="boton" onclick="agrega_ticket()" value="."/></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        </tr>
      <tr>
        <td class="subtitulo">Efectivo Recibido y Cambio </td>
      </tr>
      
      <tr>
        <td align="center" ><input name="recibido" type="text" id="recibido" onkeyup="calcula_cambio()" />
          <input name="cambio" type="text" id="cambio" onclick="calcula_cambio()" onfocus="calcula_cambio()" readonly="readonly" /></td>
        </tr>
      
      <tr>
        <td align="center"><a href="" target="_self" id="link_ticket" onmousedown="crea_link_ticket()"></a></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td >&nbsp;</td>
  </tr>
  <tr>
    <td >
	<div id="ticket" align="center">
      <table class="ticket_encabezado" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="100" align="center">Codigo Barra</td>
          <td width="95" align="center">Producto</td>
          <td width="115" align="center">Descripcion</td>
          <td width="124" align="center">Unidad</td>
          <td width="66" align="center">Cantidad</td>
          <td width="66" align="center">Precio</td>
          <td width="66" align="center">Sub Total</td>
        </tr>
      </table>
      <table class="ticket_cuerpo" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="93" align="center">&nbsp;</td>
          <td width="452" align="center">&nbsp;</td>
          <td width="115" align="center">&nbsp;</td>
          <td width="124" align="center">&nbsp;</td>
          <td width="66" align="center">&nbsp;</td>
          <td width="124" align="center">&nbsp;</td>
          <td width="66" align="center">&nbsp;</td>
        </tr>
      </table>
	</div>	</td>
  </tr>
  <tr>
    <td >&nbsp;</td>
  </tr>
  <tr>
    <td ><div id="carga_transaccion" align="center"></div></td>
  </tr>
</table>
</body>
</html>